<template>


    home

</template>

<script setup lang="ts">

</script>

<style scoped>

.home{
width: 100%;
}

.home .search{
   width: 345px;
   height: 30px;
}
.home .search .sou{
    background-color:#f0ecec;
    border: 10px;
}


.home .all{
display: flex;
width: 375px;
height: 54px;
margin-left: 25px;

}
.home .all .one{
width: 103px;
height: 54px;
display: flex;
flex-direction: column;
}
.home .all .one .ima{
    width: 34px;
height: 34px;
}
.home .all .one text{
    font-size: 12px;
}

.home .all .two{
    width: 103px;
height: 54px;
display: flex;
flex-direction: column;
}
.home .all .two .ima{
    width: 34px;
height: 34px;
}
.home .all .two text{
font-size: 12px;
}

.home .all .three{
    width: 103px;
height: 54px;
display: flex;
flex-direction: column;
}
.home .all .three .ima{
width: 34px;
height: 34px;
}
.home .all .three text{
    font-size: 12px;
}



</style>